---
title: पहले कदम
description: Astro का एक बुनियादी परिचय।
i18nReady: true
tableOfContents: false
editUrl: false
next: false
banner:
  content: |
    <a href="https://astro.build/blog/astro-4/">Astro संस्करण 4.0 यहाँ है!</a>
    क्या आप अपग्रेड करने के लिए तैयार हैं? <a href="/hi/guides/upgrade-to/v4/">हमारी अपग्रेड मार्गदर्शिका पढ़ें</a>.
hero:
  title: Astro दस्तावेज़
  tagline: Astro के साथ निर्माण में आपकी सहायता के लिए मार्गदर्शिकाएँ, संसाधन और API संदर्भ।
  actions:
    - text: शुरू हो जाओ
      icon: rocket
      link: /hi/install/auto/
      variant: primary
    - text: Astro की विशेषताओं को जानें
      icon: right-arrow
      link: /hi/concepts/why-astro/
  facepile:
    tagline: Astro और हमारे ओपन-स्रोत योगदानकर्ताओं द्वारा संचालित।
    linkText: हमसे जुड़ें!
    link: /hi/contribute/
---

import { CardGrid } from '@astrojs/starlight/components'
import Card from '~/components/Landing/Card.astro'
import ListCard from '~/components/Landing/ListCard.astro'
import SplitCard from '~/components/Landing/SplitCard.astro'
import Discord from '~/components/Landing/Discord.astro'

<CardGrid>
  <Card title="आप Astro के साथ क्या बनाएंगे?" icon="laptop">
    ब्लॉग, पोर्टफ़ोलियो, दस्तावेज़, लैंडिंग पेज, SaaS, मार्केटिंग, ईकॉमर्स साइटों और बहुत कुछ के लिए [Astro स्टार्टर थीम](https://astro.build/themes/) का अन्वेषण करें!
  </Card>

  <Card title="एक निर्देशित भ्रमण करें" icon="star">
    बुनियादी बातें सीखने और अपनी पहली Astro साइट बनाने के लिए हमारे परिचयात्मक [ब्लॉग ट्यूटोरियल](/hi/tutorial/0-introduction/) को पूरा करें।
  </Card>

  <SplitCard title="एक नयी परियोजना शुरू करें" icon="rocket">
    ```sh
    # npm के साथ एक नयी परियोजना बनाएं
    npm create astro@latest
    ```

    हमारे [इंस्टॉलेशन मार्गदर्शक](/hi/install/auto/) में हमारे CLI विज़ार्ड का उपयोग करके Astro को इंस्टॉल करने, मौजूदा Astro GitHub रिपॉजिटरी से एक नयी परियोजना बनाने और Astro को नियमावली रूप से इंस्टॉल करने के लिए चरण-दर-चरण निर्देश हैं।
  </SplitCard>

  <ListCard title="सीखे " icon="open-book">
    - [Astro की मुख्य विशेषताएं](/hi/concepts/why-astro/)
    - [द्वीप वास्तुकला](/hi/concepts/islands/)
    - [Astro अवयव](/hi/basics/astro-components/)
    - [Astro टेम्पलेट सिंटैक्स](/hi/basics/astro-syntax/)
  </ListCard>

  <ListCard title="विस्तार" icon="puzzle">
    - [React और Tailwind जैसे एकीकरण जोड़ें](/hi/guides/integrations-guide/)
    - [बनाएँ प्रकार निरापद कंटेंट कलेक्शन](/hi/guides/content-collections/)
    - [व्यू ट्रांजिशन के साथ मार्गदर्शन बढ़ाएँ](/hi/guides/view-transitions/)
    - [अपने परियोजना से एक हेडलेस CMS जोड़े](/hi/guides/cms/)
  </ListCard>
</CardGrid>

<Discord title="क्या आपके पास कोई प्रश्न है या आप इसमें शामिल होना चाहते हैं?" cta="हमारे Discord में शामिल हों"/>